<div class = "nav-group row">
  <a class="nav-container" ng-class="{'col-25':!lineCount || lineCount == '4','col-33':lineCount == '3','col-50':lineCount == '2'}" href = "{{button.router}}" ng-repeat = "button in buttons">
    <img style="{{iconStyle}}" class="nav-icon" ng-src = "{{button.src}}" ng-if="button.src != '' && button.src != null" ng-class="{'nav-icon-center':button.text == '' || button.text == null}">
    <div class="tip" ng-if="button.tip">
      <img class="tip-img" src="{{button.tip.src}}">
      <span class="tip-text">{{button.tip.text}}</span>
    </div>
    <p style="{{textStyle}}" class="nav-title">{{button.text}}<span ng-if="button.specialText" class="text-special">{{button.specialText}}</span></p>
  </a>
</div>
